<div
  [class]="['go-captcha', 'gc-button-mode', 'gc-btn-block', 'gc-'+type, disabled ? 'gc-disabled' : '' ]"
  (click)="handleClick($event)"
  [style]="{
    'width': config.width + 'px',
    'height': config.height + 'px',
    'padding-left': config.horizontalPadding + 'px',
    'padding-right': config.horizontalPadding + 'px',
    'padding-top': config.verticalPadding + 'px',
    'padding-bottom': config.verticalPadding + 'px',
  }"
>
  <div [class]="{'gc-ripple': type === 'default'}" [ngSwitch]="type">
    <btn-default-icon *ngSwitchCase="'default'"></btn-default-icon>
    <btn-warn-icon *ngSwitchCase="'warn'"></btn-warn-icon>
    <btn-error-icon *ngSwitchCase="'error'"></btn-error-icon>
    <btn-success-icon *ngSwitchCase="'success'"></btn-success-icon>
  </div>
  <span>{{title}}</span>
</div>